

import React,{ Component} from 'react';
import { Table, Icon, Divider } from 'antd';

const { Column,ColumnGroup  } = Table;
const dataSource = [{
    key: 1,
    firstName: '小小',
    lastName: '天下',
    age: 22,
    address: '北京市'
},{
    key: 2,
    firstName: '美丽',
    lastName: '可爱',
    age: 21,
    address: '上海市',
},{
    key: 3,
    firstName: '雪花',
    lastName: '弥漫',
    age: 18,
    address: '甘肃省'
}]

class TabCheckBox  extends Component {
    constructor(props) {
        super(props);
        this.state = {

        }
    }
    render() {
        return(
            <div>
                <Table  dataSource={ dataSource}>
                    <ColumnGroup title='Name'>
                        <Column
                            title='first Name'
                            dataIndex="firstName"
                            key="firstName"
                        />
                        <Column
                            title='last Name'
                            dataIndex='lastName'
                            key="lastName"
                        />
                    </ColumnGroup>
                    <Column
                        title="Age"
                        dataIndex="age"
                        key="age"
                    />
                    <Column
                        title="Address"
                        dataIndex="address"
                        key="address"
                    />
                    <Column
                        title="Action"
                        dataIndex="action"
                        key="action"
                        render={(text,record)=>(
                            <span>
                                <a href="#">Action 一 {record.name}</a>
                                <Divider type="vertical" />
                                <a href="#">Delete</a>
                                <Divider type="vertical" />
                                <a href="#" className="ant-dropdown-link">
                                    More actions <Icon type="down" />
                                </a>
                            </span>
                        )}
                    />
                </Table>
            </div>
        )
    }
}
export default TabCheckBox